import { createApp } from 'vue'
import pinia from "./stores";
import App from './App.vue'
import router from "./router";
import zhCn from "element-plus/es/locale/lang/zh-cn";
import ElementPlus from "element-plus";
import 'element-plus/dist/index.css'
import "./styles/index.scss";
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

const app = createApp(App)


import Video from '@/components/video/index.vue'
import Nav from '@/components/nav/index.vue'
import Footer from "@/components/Footer/index.vue";
import Card from "@/components/card/index.vue";
import Rank from "@/components/rank/index.vue"

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
app.component(Video.name, Video)
app.component(Nav.name, Nav)
app.component(Footer.name, Footer)
app.component(Card.name, Card)
app.component(Rank.name, Rank)
app
    .use(ElementPlus, {
        locale: zhCn
    })
    .use(router)
    .use(pinia)

app.mount('#app')
